<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>single</title>
	<link rel="stylesheet" href="__PUBLIC__/style/style.css">
	<script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/main.js"></script>
	<script src="__PUBLIC__/js/addCar.js"></script>
</head>
<body>
<script type="text/javascript" src="__PUBLIC__/js/requ.js"></script>
	<div class="header">
		<include file="Public/component/header" />
	</div>
	<div class="single-header">
		<div>
			<a href="javascript:;">概述</a>
			<a href="javascript:;">艺术与设计</a>
			<a href="javascript:;">参数</a>
			<a href="javascript:;">用户评价</a>
		</div>
	</div>
	<div class="single-container">
		<div class="single-banner">
			<div class="banner">
				<img src="__IMAGE__/{$det['0']['photourl']}{$det['0']['photoname']}" alt="" index="1" style="display: block;">
				<img src="__IMAGE__/{$det['1']['photourl']}{$det['1']['photoname']}" alt="" index="2">
				<img src="__IMAGE__/{$det['2']['photourl']}{$det['2']['photoname']}" alt="" index="3">
				<input type="button" id="prev">
				<input type="button" id="next">
				<div>
					<span class="on"></span>
					<span></span>
					<span></span>
				</div>
			</div>
			
		</div>
		<div class="pro-info">
			<foreach name="pro" item="pv">
				<h2>{$pv.name}</h2>
				<p>6.4" 全面屏 / 全陶瓷机身 / 骁龙 821 性能版 / 4400mAh 大电量 / 陶瓷声学系统 / 超声波距离感应</p>
				<span>{$pv.price1}元</span>
				<hr>
				<h3>选择版本</h3><p>骁龙821最高主频，2.35GHz，Adreno 530 图形处理器</p>
				<a href="javascript:;" class="btn-tags active">
					<span class="name">{$pv.content1}</span>
					<span class="price">{$pv.price1}元</span>
				</a>
				<a href="javascript:;" class="btn-tags">
					<span class="name">{$pv.content2}</span>
					<span class="price">{$pv.price2}元</span>
				</a>

				<h3>分期类型</h3><p>	根据您分期类型，每月支付对应利息</p>
				<a href="javascript:;" class="btn-tags2 active">
					<span class="name center">不分期</span>
				</a>
				<a href="javascript:;" class="btn-tags2">
					<span class="name">￥1022×3期（含手续费）</span>
				</a>
				<a href="javascript:;" class="btn-tags2">
					<span class="name">￥560×6期（含手续费）</span>
				</a>
				<a href="javascript:;" class="btn-tags2">
					<span class="name">￥260×12期（含手续费）</span>
				</a>

				<input type="hidden" class="id" name="" value="{$pv.id}">
				<input type="hidden" id="price" name="" value="{$pv.price1}">
			</foreach>
			<h3>选择颜色</h3>
			<foreach name="color" item="cv" key="ck">
				<if condition="$ck eq 0"> 
					<a href="javascript:;" class="btn-color active-color">
				<else /> <a href="javascript:;" class="btn-color">		
				</if>
					<span>{$cv}</span>
				</a>
			</foreach>
			
			<div class="single-title">
				<p>小米MIX全网通 4GB内存＋128GB容量 黑色</p>
				<span>总计：3499元</span>
				<a href="javascript:;" class="addCar" id="single-btn">加入购物车</a>
			</div>
		</div>
		<div class="pro-intr">
			<img src="__PUBLIC__/images/in1.jpg" alt="">
			<img src="__PUBLIC__/images/in2.jpg" alt="">
		</div>
	</div>
	<div class="footer">
		<include file="Public/component/footer" />
	</div>
</body>
</html>